<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="shortcut icon" href="images/logo2.ico"/>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="contentslider.css" />
        <script type="text/javascript" src="contentslider.js"></script>
        <link rel="stylesheet" href="menu/style.css" type="text/css" media="screen"/>
        <script type="text/javascript" src="menu/jquery-1.2.6.min.js"></script>
        <script type="text/javascript" src="menu/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#navigation > div').hover(
                function () {
                    var $this = $(this);
					//$this.find('.images').fadeIn();

					$this.find('a.menu').removeClass('menu').addClass('hovered');

                    $this.find('.images').stop().animate({
                        'width'     :'300px',
                        'height'    :'200px',
                        'opacity'   :'1.0'
                    },400,'easeOutBack',function(){

                        $(this).parent().find('div').fadeIn('fast');
                    });
                },
                function () {
                    var $this = $(this);

                    $this.find('div').fadeOut(500);
					//$this.find('.images').hide();
                   $this.find('a.hovered').removeClass('hovered').addClass('menu');

				    $this.find('.images').stop().animate({
                        'width'     :'100px',
                        'height'    :'0px',
                        'top'       :'0px',
                        'left'      :'0px',
                        'opacity'   :'0.9'
                    },600,'easeOutBack');
              }
            );
            });
        </script>
        <title>Tours And Travel</title>
    </h:head>
    
    <h:body>
        
       <div id="container">
          <div id="header_panel">
              <div id="title_section"></div>
            <div id="top_right_section">
              <ul>
                  <li><a href="index.xhtml">Login</a></li>
                  <li><a href="index.xhtml">Home</a></li>
                <li><a href="Contact.xhtml">Contact</a></li>
              </ul>
            </div>
          </div>
           <div id="login_banner_panel">
            <div id="banner_panel">
              <div id="paginate-slider2" class="pagination"> <a href="#" class="toc">&nbsp;</a> <a href="#" class="toc anotherclass">&nbsp;</a> <a href="#" class="toc">&nbsp;</a> </div>
              <div id="slider2" class="sliderwrapper">
                <div class="contentdiv"><img src="images/slide_1.jpg" alt="" /></div>
                <div class="contentdiv"><img src="images/slide_2.jpg" alt="" /></div>
                <div class="contentdiv"><img src="images/slide_3.jpg" alt="" /></div>
              </div>
              <script type="text/javascript">
                    featuredcontentslider.init({
                    id: "slider2",
                    contentsource: ["inline", ""],
                    toc: "markup",
                    nextprev: ["Previous", "Next"],
                    revealtype: "click",
                    enablefade: [true, 0.2],
                    autorotate: [true, 3000],
                    onChange: function(previndex, curindex){
                    }
                    })
                    </script>
            </div>
            <div id="login_panel">
              <h1>Member Login</h1>
              <h:form>
                <div class="form_row">
                  <label>User Name</label>
                  <p:inputText value="username" size="19"/>
                </div>
                <div class="form_row">
                  <label>Password</label>
                  <p:password minLength="6" feedback="false" value="password" size="19"/>
                </div>
                  <p:commandButton value="Login" />
              </h:form>
              <a href="Register.xhtml">Register</a> </div>
          </div> 
          <div id="menu">
            <ul>
                <li><a href="index.xhtml" class="current">Home</a></li>
                
                <li>
                  <a href="#">&nbsp;</a>
                  <div class="total_images" id="navigation">
                    <div class="eachs" id="link1">
                        <a href="Tours.xhtml" class="menu">Tours</a>
                        <img src="menu/bg3.png" alt="" width="140" height="140" class="images"/>
                        <div>
                            <ul>
                                <li><a href="Tours.xhtml?catID=1">Country wise tours</a></li>
                                <li><a href="Tours.xhtml?catID=2">Activity based like treks, camps or safaris</a></li>
                                <li><a href="Tours.xhtml?catID=3">Places of historical significance</a></li>
                            </ul>
                        </div>
                    </div>
                  </div>
              </li>
              <li><a href="CarRental.xhtml">Car Rental</a></li>
              <li><a href="Hotel.xhtml">Hotel</a></li>
              <li><a href="Flinght.xhtml">Flight</a></li>
              <li><a href="AboutUS.xhtml">About Us</a></li>
              <li  class="last"><a href="Contact.xhtml">Contact Us</a></li>
            </ul>
          </div>            
          <div id="content">
            <div id="leftcolumn">
                <ui:insert name="content"/>
            </div>
            <div id="rightcolumn">
              <div id="search_panel">
                <h1>Search</h1>
                <div class="search_panel_box"></div>
                <form method="get" action="#">
                  <div class="search_panel_box">
                    <div class="form_row">
                      <label>By Keyword</label>
                      <input class="inputfield" name="keyword" type="text" id="keyword"/>
                    </div>
                    <input type="submit" name="submit" class="button" value="Search" />
                  </div>
                  <div class="search_panel_box">
                    <div class="form_row">
                      <label>By Local</label>
                      <select name="Category">
                        <option value="volvo">Ha Noi</option>
                        <option value="saab">Ha Long</option>
                        <option value="fiat">Da Lat</option>
                        <option value="audi">Ho Chi Minh</option>
                      </select>
                    </div>
                    <input type="submit" name="submit" class="button" value="Search" />
                  </div>
                  <div class="search_panel_box">
                    <div class="form_row">
                      <label>By Car</label>
                      <select name="Category">
                        <option value="volvo">Honda</option>
                        <option value="saab">Toyota</option>
                        <option value="fiat">Huyndai</option>
                        <option value="audi">Maruti</option>
                      </select>
                      Model: <input type="checkbox"/> Driver: <input type="checkbox"/>
                      Seating: <input type="checkbox"/> Conditioner: <input type="checkbox"/>
                    </div>                      
                                           
                    <input type="submit" name="submit" class="button" value="Search" />
                  </div>
                </form>
              </div>
              <div id="blog_section">
                <h1>Hot Tours</h1>
                <div class="blog_box"></div>
                <div class="blog_box">                  
                  <div class="service_box"><img src="images/bg_body2.jpg" alt="" width="108" height="90" />
                  <h4><a href="#">Name Tour</a></h4>
                  <p>Price: $ 1000</p>
                  <div class="datetime">Dec 12, 2024 2:54 pm</div>
                  <div class="more_button"><a href="#"> >> Detail</a></div>
                  </div>
                </div>
                <div class="blog_box">
                  <div class="service_box"><img src="images/bg_body2.jpg" alt="" width="108" height="90" />
                  <h4><a href="#">Name Tour</a></h4>
                  <p>Price: $ 1000</p>
                  <div class="datetime">Dec 12, 2024 2:54 pm</div>
                  <div class="more_button"><a href="#"> >> Detail</a></div>
                  </div>
                </div>
                <div class="blog_box">
                  <div class="service_box"><img src="images/bg_body2.jpg" alt="" width="108" height="90" />
                  <h4><a href="#">Name Tour</a></h4>
                  <p>Price: $ 1000</p>
                  <div class="datetime">Dec 12, 2024 2:54 pm</div>
                  <div class="more_button"><a href="#"> >> Detail</a></div>
                  </div>
                </div>
                <div class="blog_box">
                  <div class="service_box"><img src="images/bg_body2.jpg" alt="" width="108" height="90" />
                  <h4><a href="#">Name Tour</a></h4>
                  <p>Price: $ 1000</p>
                  <div class="datetime">Dec 12, 2024 2:54 pm</div>
                  <div class="more_button"><a href="#"> >> Detail</a></div>
                  </div>
                </div>
                <div class="more_button"><a href="#">View All</a></div>
              </div>
              <div class="cleaner">&nbsp;</div>
              <a target="_blank" href="#"><img style="border:0;width:88px;height:31px" src="#" alt="" width="88" height="31" vspace="8" border="0" /></a> <a target="_blank" href="#"><img style="border:0;width:88px;height:31px"  src="#" alt="" vspace="8" border="0" /></a>
              <div class="cleaner">&nbsp;</div>
            </div>
          </div>
           <div id="footer"> <a href="index.xhtml">Home</a> | <a href="Tours.xhtml">Tours</a> | <a href="CarRental.xhtml">Car Rental</a> | <a href="Hotel.xhtml">Hotel</a> | <a href="Flinght.xhtml">Flight</a> | <a href="AboutUS.xhtml">About Us</a> | <a href="Contact.xhtml">Contact Us</a><br />
               Copyright © 2011 <a href="index.xhtml"><strong>Tours And Travel</strong></a> | Designed by <a href="#">Group 1 - FPT Aptech - Ha Noi.</a> </div>
        </div>                        
    </h:body>
    
</html>
